<template>

  <div>
    <el-header height="200px">
      <div class="infoShow">
        <div>
          <div class="img"><img :src="this.$store.state.teacher.image" alt=""></div>
          <div class="name">
            <div>{{this.$store.state.teacher.nickname}}</div>
            <div class="school">{{this.$store.state.teacher.school}}</div>
          </div>
          <pre class="intro">{{this.$store.state.teacher.intro}}</pre>
        </div>
        <div class="infoRight">
          <div>
            <div class="myCourse">
              <div >我的课程</div>
              <div class="myCourseNum">{{ this.$store.state.courses.length }}</div>
            </div>
            <div class="myCourse">
              <div>我的直播</div>
              <div class="myCourseNum">{{ this.$store.state.courselive.length }}</div>
            </div>
            <div class="myCourse">
              <div>我的收入</div>
              <div class="myCourseNum">{{ this.$store.state.allmoney }}</div>
            </div>
            <div class="myCourse">
              <div>访问量</div>
              <div class="myCourseNum">21312</div>
            </div>
          </div>
        </div>
      </div>
    </el-header>
  </div>
</template>

<script>
export default {
  name: "teacherinfoleft"

}
</script>

<style scoped>
@import "../../assets/css/teacher.css";
</style>
